<template>
  <view class="header-wrap">{{title}}</view>
</template>

<script>
export default {
  name: 'header',
  props: {
    title: {
      type: String,
      default: '综合素质分析'
    }
  }
}

</script>
<style lang='scss' scoped>
	.header-wrap{
		width: 100%;
		height:90upx;
		line-height: 90upx;
		text-align: center;
		font-size: 30upx;
		color: #0D84D5;
    position: relative;
    &::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width:100%;
      height:2px;
      background: linear-gradient( 
      to right, 
      rgba(0,0,0,0) 0%, 
      rgba(0,0,0,0) 10%, 
      rgba(13,132,213,.3) 20%, 
      rgba(13,132,213,.5) 30%, 
      rgba(13,132,213,.8) 40%, 
      rgba(13,132,213,1) 50%,
      rgba(13,132,213,.8) 60%, 
      rgba(13,132,213,.5) 70%, 
      rgba(13,132,213,.3) 80%, 
      rgba(0,0,0,0) 90%,
      rgba(0,0,0,0) 100%)
    }
	}
</style>